<template>
  <div class="container-cart">
    <div class="cartList">
      <itemCart />
    </div>
    <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
      <van-checkbox v-model="checked" checked-color="#D63A54" class="all-checked">全选</van-checkbox>
    </van-submit-bar>
  </div>
</template>

<script>
import itemCart from '@/components/item/item-cart-list'
export default {
  components: {
    itemCart
  },
  data() {
    return {
      checked: true,
      value: 1
    }
  }
}
</script>

<style lang="less">
.container-cart {
  // width: 100%;
  // // height: 90vh;
  // padding: 1vw 0;
  // margin-bottom: 5px;
  // // background: #f5f6f8;
  // box-sizing: border-box;
  // .cartList{
  //   margin-bottom: 5px;
  //    background: #f5f6f8;
  //     .moreList {
  //   padding: 10px 0;
  //   background: #fff;
  //   display: flex;
  //   justify-content: space-around;
  //   // border-bottom: 1px solid #E5E5E5;
  //   .pic {
  //       width: 80px;
  //       height: 80px;
  //       overflow: hidden;
  //       img {
  //         width: 100%;
  //       }
  //     }
  //   .weight{
  //         color: #999999;
  //         font-size: 14px;
  //         padding-top: 5px;
  //     }
  //     .num{
  //         text-align: right;
  //         padding-top: 30px;
  //     }
  //     .stepper{
  //       padding: 5px 0;
  //     }
  // }
  // }
 .van-button--danger {
    color: #fff;
    background-color:#d63a54;
    border: 1px solid #d63a54;
    }
 .van-submit-bar__price {
    color: #d63a54;
    font-size: 14px;
    }
  .all-checked{
    padding-left: 12px;
  }
}
</style>
